<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Resizestate">
    <lztier>Utility Component</lztier>
    <lzcategory>State</lzcategory>
    <lzshortdesc>
        A standard resize behavior.
    </lzshortdesc>
    <lztag>utils/states/resizestate.xml</lztag>
</lzelement>

<p><classname>resizestate</classname> can be used to change the
width and height of a view in response to the movement of the
mouse.</p>

<p>In the example below, the <classname>resizestate</classname> tracks
differences in the mouse position from after it is applied, so the
bottom right corner of the resizing view <em>does not</em> snap to the
mouse position.</p>

<example title="Resizing a view using the mouse">
&lt;canvas height="120"&gt;
  &lt;view bgcolor="green" width="100" height="100"
        onmousedown="rs.apply()" onmouseup="rs.remove()"&gt;
    &lt;resizestate name="rs"/&gt;
  &lt;/view&gt;
&lt;/canvas&gt;
</example>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
